/*总体*/
html, body {
    width: 100%;
    height: 100%;
}

body {
    margin: 0;
    background: url(../img/bg.png) no-repeat;
}


.top {
    width: 100%;
    height: 10%;
    background: url(../img/top2.png) center no-repeat;
    position: absolute;

}

/*中间Logo*/
.top_center {
    width: 100%;
    height: 100%;
    position: relative;
    background: url(../img/top1.png) center no-repeat;
    background-position-y: top;
    text-align: center;
    line-height: 4rem;
    color: #FFFFFF;
    font-size: 2.3rem;

}

.title {
    height: 40px;
    color: #7BA1D2;
    line-height: 45px;
    text-indent: 1rem;
    font-size: 1.1rem;
}

.title img {
    vertical-align: middle;
    margin-right: 10px;
    margin-bottom: 5px;
}

/*中间盒子*/
.main_box {
    width: 100%;
    height: 87%;
    margin-top: 5.5%;
    position: absolute;

}

/*main左侧*/
.main_left {
    width: 24%;
    height: 98%;
    position: relative;
    display: inline-block;
    /*float: left;*/
    float: left;
    margin-left: 1%;
}

.left-demo {
    width: 100%;
    height: 33%;
    background: rgba(41, 85, 252, .2);
    position: relative;

}

.left_bottom {
    margin-top: 2%;
    width: 100%;
    height: 42.5%;

    background: rgba(41, 85, 252, .2);
    position: relative;

}

/*中间*/
.main_center {
    width: 48%;
    height: 98.5%;
    position: relative;
    margin-left: 0.95%;
    margin-right: 0.05%;
    display: inline-block;
}

.center_top {
    width: 100%;
    height: 14%;
    margin-bottom: 2%;
    display: inline-block;
    background: rgba(41, 85, 252, .2);
    position: relative;

}

.center_bottom {
    width: 100%;
    height: 77%;
    margin-top: 1%;
    background: rgba(41, 85, 252, .2);
    position: relative;

}

.center_realBottom{
    width: 100%;
    height: 23%;
    background: rgba(41, 85, 252, .2);
    position: relative;
}

/*main右侧*/
.main_right {
    width: 24%;
    height: 98%;
    margin-left: 1%;
    position: relative;
    display: inline-block;
    float: right;
    margin-right: 1%;
}

.right-demo {
    width: 100%;
    height: 33%;
    /*border: #1a3f72 solid 2px;*/
    background: rgba(41, 85, 252, .2);
    position: relative;
    /*box-sizing: border-box;*/
}

.right_bottom {
    margin-top: 2%;
    width: 100%;
    height: 42.5%;
    /*border: #1a3f72 solid 2px;*/
    background: rgba(41, 85, 252, .2);
    position: relative;
    /*box-sizing: border-box;*/
}

.data_title2 {
    width: 100%;
    height: 30px;
    text-align: center;
    font-size: 1.2rem;
    line-height: 40px;
    color: #6C92D9;
}

.sq_data {
    width: 100%;
    height: 80%;
    position: relative;
    text-align: center;
    /*padding-left: 1rem;*/
    /*box-sizing: border-box;*/
}

#myMap{
    width: 100%;
    height: 95%;
    position: relative;
}

.chart{
    width: 100%;
    height: 90%;
    position: relative;
}

.mytable{
    width: 100%;
    height: 100%;
    position: relative;
}





